<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- H5新特性 -->
    1、 拖拽释放
    2、 自定义属性 data-id
    3、 语义化更好的内容标签(header,nav,footer ,aside, article, section)
    4、 音频 ,视频
    5、 画布 Canvas
    6、 地理(Geolocation) API
    7、 本地离线存储 localStorage 长期存储数据 浏览器关闭后数据不丢失
    8、 sessionStorage 的数据在浏览器关闭后自动删除
    9、 表单控件 calendar , date , time , email , url , search , tel , file , number
    10、新的技术 webworker, websocket , Geolocation



    <!-- CSS3 新特性 -->
    1、颜色: 新增 RGBA , HSLA 模式
    2、文字阴影(text-shadow)
    3、边框: 圆角(border-radius) 边框阴影 : box-shadow
    4、盒子模型: box-sizing
    5、背景:background-size background-origin background-clip
    6、渐变: linear-gradient , radial-gradient
    7、过渡 : transition 可实现动画
    8、自定义动画 animate @keyfrom
    9、媒体查询 多栏布局 @media screen and (width:800px) {…}
    10、border-image
    11、2D 转换;transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
    12、3D 转换
    13、字体图标 font-face
    14、弹性布局 flex








    <!-- 创建对象 -->
    <!-- 1、字面量对象 // 默认这个对象的原型链指向 object var o1 = {name: '01'}; -->
    <!-- 2、通过 new Object 声明一个对象 -->
    var o11 = new Object({name: '011'});
    <!-- 3、使用显式的构造函数创建对象 -->
    var M = function(){this.name='o2'};
    var o2 = new M();
    o2.__proto__=== M.prototype
    o2 的构造函数是 M
    o2 这个普通函数，是 M 这个构造函数的实例
    <!-- 4、object.create() var P = {name:'o3'}; -->
    var o3 = Object.create(P);
</body>

</html>